<template>
  <div>
    <top-nav-bar :applyPageRoute="printtitle" @back="back"></top-nav-bar>
    <!-- <a-menu
      mode="horizontal"
      :selectedKeys="selectedKeys"
      type="inner"
      @openChange="onOpenChange"
      v-model="current"
      style="padding:8px 16px 0;"
    >
      <a-menu-item class="border-cantainer" key="/marketing/marketExpand/child/basicInfo"> 
        <router-link :to="{ name: 'basicInfo' }">
              <div class="border_catainer_bottom">基本信息</div>
          </router-link>
      </a-menu-item>
      <a-menu-item class="border-cantainer" key="/marketing/marketExpand/child/customMulMedia">
        <router-link :to="{ name: 'customMulMedia' }">
            <div class="border_catainer_bottom">自定义多媒体</div>
        </router-link>
      </a-menu-item>
    </a-menu>
    <router-view></router-view> -->
     <a-card :body-style="{padding: '12px'}" :bordered="false">
      <a-tabs>
        <a-tab-pane key="1" tab="基本信息">
          <basic-info />
        </a-tab-pane>
        <a-tab-pane key="2" tab="自定义多媒体">
          <custom-mul-media />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
import topNavBar from '@/components/topNavBar/topNavBar'
import basicInfo from '@/views/marketing/marketExpand/child/basicInfo'
import customMulMedia from '@/views/marketing/marketExpand/child/customMulMedia'
export default {
  components:{
     topNavBar,
     basicInfo,
     customMulMedia
  },
  data() {
    return {
      selectedKeys: [],
      current: [1],
      printtitle:'活动素材中心'
    }
  },
  methods: {
    onOpenChange(openKeys) {
      this.openKeys = openKeys
    },
    back(){
      this.$router.go(-1)
    }
  },
  watch: {
    current(val) {
      console.log(val)
    }
  }
}
</script>


<style lang="less">
.border-cantainer {
  padding: 0 10px;
  margin-right: 40px;
}
.menu-box {
  display: flex;
  align-items: center;
  .menu-item {
    width: 80px;
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
    color: #333;
  }
}
</style>